CSS

CSS(Cascading Style Sheets)階層式樣式表，也可稱為串樣式列表、級聯樣式表，它是一種樣式表語言，用來描述標示語言的顯示外觀和格式，主要目的就是樣式化HTML標籤，像是替網頁進一步達成美化效果。

在HTML標籤可以套用CSS樣式來顯示出不同的樣式，選擇要套用的HTML標籤，即可定義這些樣式的樣式規則，如下所示：
選擇器{屬性名稱1：屬性值1；屬性名稱2：屬性值2：…}

上述CSS語法分成兩大部分。大掛號前的是選擇器(Selector)，可以選擇套用樣式的HTML標籤，在括號中是重新定義顯示樣式的樣式組，稱為樣式規則。

選擇器

選擇器可以定義哪些HTML標籤需要套用樣式，CSS Level1提供基本選擇器，如：型態、巢狀和群組選擇器；CSS Level2提供更多選擇器，如：屬性條件選擇；CSS Level3則增加了很多功能強大的選擇器。
因為CSS選擇器可以在網頁中定位網頁元素，所以網路爬蟲可以使用CSS選擇器來定位欲擷取的HTML標籤。

樣式規則

樣式規則是一組CSS樣式屬性，如下所示：

屬性名稱1：屬性值1；屬性名稱2：屬性值2...

上述樣式規則是多個樣式屬性組成的集合，個樣式之間使用「；」分隔，符號後是屬性值。

例如：定義<p>標籤的CSS樣式

p {font-size: 10pt;
 color: yellow; }

上述選擇器選擇<p>標籤，表示在HTML網頁中的所有<p>標籤都套用之後的樣式，font-size和color是樣式屬性名稱；10pt和yellow是屬性值。

基於閱讀上的便利性，樣式規則的各樣式屬性都會自成一列。

樣式屬性舉例：

• 邊框屬性
  border-style(邊框樣式)、border-color(邊框顏色)
• 字體屬性
  font-family(字型)、font-size(設定文字大小)

今天的分享就先到這邊啦!我們明天見~

網站參考資料：

https://zh.wikipedia.org/zh-tw/CSS
https://developer.mozilla.org/zh-TW/docs/Web/CSS/Shorthand_properties

書籍參考資料：

文科生也可以輕鬆學習網路爬蟲